<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
        <title>2.1. User Interface Overview</title>
    </head>
    <body>
        <h2> 2.1. User Interface Overview</h2>
        <hr/>
        <p>
           When the user opens the application, they are presented with a login screen in order to 
           differentiate between instructors and schedulers. The panel on the left displays the name
           of the department as a heading, with text boxes underneath to input the user's credentials.
           The panel on the right displays any notifications issued by the system administrator. The
           remaining space in the center contains a background image configurable by the system 
           administrator.
        </p>
        <hr/>
        <div align=center>
            <img src="login.png" width="900" height="500"/><br><br>
            Figure 2.1.1. Login Screen
        </div>
        <hr/>
        <h2> Scheduler Interface </h2>
        <p>
            A user logs into the system in by entering their username and password into the text boxes, 
            then hitting the enter key. When the scheduler logs in, they will be given access to the interface
            that allows the generation and editing of schedules. An overview of this interface can be found
            in <a href="schedulers.html">Section 2.1.1</a>.
        </p>
        <hr/>   
        <div align=center>
            <img src="login_scheduler.png"/><br>
            Figure 2.1.2. Scheduler Logging In<br><br><br>
            <hr/>
            <img src="scheduler.png" width="900" height="500"/><br><br>
            Figure 2.1.3. Scheduler Interface Welcome Screen 
        </div>
        <hr/>
        <h2> Instructor Interface </h2>
        <p>
            When an instructor logs in, they will be given a simple interface 
            to edit their preferences and view the most recently published schedule, as well as past
            schedules. An overview of this interface can be found in <a href="instructors.html">Section 2.1.2</a>.
        </p>
        <hr/>   
        <div align=center>
            <img src="login_instructor.png"/><br>
            Figure 2.1.4. Instructor Logging In<br><br><br>
            <hr/>
            <img src="instructor.png" width="900" height="500"/><br><br>
            Figure 2.1.5. Instructor Interface Welcome Screen 
        </div>
        <hr/>
</body>
</html>
